#@layout()
#define content()
<div class="content-wrapper">

    <section class="content-header">
        <h1>
            模板管理
            <small>Control panel</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li class="active">模板管理</li>
        </ol>
    </section>

    <section class="content-header text-tap">
        <a href="">全部 (24)</a>  |  <a href="">PC模板 (22)</a>  |  <a href="">H5模板 (2)</a>  |  <a href="">小程序 (0)</a>
    </section>

    <section class="content">

        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <form class="form-horizontal actionPanel">
                            <div class="row">
                                <div class="form-group col-xs-4">
                                    <label class="col-sm-3 control-label">名称</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" >
                                    </div>
                                </div>

                                <div class="form-group col-xs-4">
                                    <button type="submit" class="btn btn-primary ">查询</button>
                                    <button type="reset" class="btn btn-default">重置</button>
                                    <a class="btn"> 安装新模板 </a>
                                </div>
                            </div>
                            <!-- /.box-body -->
                        </form>


                    </div>
                    <!-- /.box-header -->
                    <div class="box-body ">

                        <div class="row">
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-solid box-template">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                       <img src="/static/admin/images/avatar.png" />
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label>模板名称11111111111111</label>
                                        <button type="button" class="btn btn-default disabled pull-right" disabled>已开启</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-solid box-template">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png" />
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label>模板名称22222222222</label>
                                        <button type="button" class="btn btn-default pull-right" >开启</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-solid box-template">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png" />
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label>模板名称333333333333</label>
                                        <button type="button" class="btn btn-default pull-right" >开启</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <!-- /.col -->
                        </div>

                        <div class="row">
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-solid box-template">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png" />
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label>模板名称11111111111111</label>
                                        <button type="button" class="btn btn-default disabled pull-right" disabled>已开启</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-solid box-template">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png" />
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label>模板名称22222222222</label>
                                        <button type="button" class="btn btn-default pull-right" >开启</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-solid box-template">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png" />
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label>模板名称333333333333</label>
                                        <button type="button" class="btn btn-default pull-right" >开启</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <!-- /.col -->
                        </div>

                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">
                        <div class="row">
                            <div class="col-sm-12">
                                <ul class="pagination pull-right">
                                    <li class="paginate_button previous disabled" id="example1_previous"><a href="#"
                                                                                                            aria-controls="example1"
                                                                                                            data-dt-idx="0"
                                                                                                            tabindex="0">Previous</a>
                                    </li>
                                    <li class="paginate_button active"><a href="#" aria-controls="example1"
                                                                          data-dt-idx="1"
                                                                          tabindex="0">1</a></li>
                                    <li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="2"
                                                                    tabindex="0">2</a></li>
                                    <li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="3"
                                                                    tabindex="0">3</a></li>
                                    <li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="4"
                                                                    tabindex="0">4</a></li>
                                    <li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="5"
                                                                    tabindex="0">5</a></li>
                                    <li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="6"
                                                                    tabindex="0">6</a></li>
                                    <li class="paginate_button next" id="example1_next"><a href="#"
                                                                                           aria-controls="example1"
                                                                                           data-dt-idx="7" tabindex="0">Next</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
        </div>

    </section>


</div>
#end
